/*
 * @Author: your name
 * @Date: 2021-12-07 19:03:47
 * @LastEditTime: 2021-12-07 20:32:37
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \Vue\12.7vue_zy\webpack.config.js
 */
const path=require("path");
//这个文件是webpack的配置文件
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports ={
    entry:'./src/index.js',//配置js的入口，为什么称之为入口，以后其他文件全都在index
    output:{//出口，打包后要放到哪里，指定放到dist文件里面
        path:path.join(__dirname, './dist'),//规定，出口不能是相对路径
        filename:'main.js',//打包后的名字
    },//出入口配置完成，执行打包命令npx webpack
    plugins: [
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ],
    module: {
        rules: [
          {
            test: /\.css$/i,
            use: ["style-loader", "css-loader"],
          },
        ],
      },
}
